<script setup>
let goback = () => window.history.back()
</script>

<template>
  <div class="not-page">
    <div>
      <!-- 图标 -->
      <div class="icon-div">
        <SvgIcon href="#icon-note-meiyoudingdan-01"></SvgIcon>
      </div>
      <!-- 按钮 -->
      <div class="not-btn">
        <!-- <router-link to="" class="btn back">回退</router-link> -->
        <div @click="goback" class="btn back">回退</div>
        <router-link to="/home" class="btn go-home">回到首页</router-link>
      </div>
    </div>
  </div>
</template>
<style lang="scss" scoped>
.not-page {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.icon-div {
  text-align: center;
  font-size: 128px;
  color: var(--del-color);
}

.not-btn {
  margin-top: 40px;
  display: flex;

  .btn {
    margin: 0 10px;
    padding: 10px 20px;
    cursor: pointer;
    border: 1px solid #606266;
    border-radius: 5px;
  }
}
</style>
